﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>E[attribute$=value]选择器</title>
    <style type="text/css">
    p[id$="main"]{
        color:#0cf;
        font-family: "宋体";
        font-size:32px;
    }
    </style>
</head>
<body>
    <p id="old1">水陆草木之花，可爱者甚蕃。</p>
    <p id="old2">晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。</p>
    <p id="oldmain">予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，</p>
    <p id="newmain">可远观而不可亵玩焉。</p>
</body>
</html>
    
    